<div class="zlyt-show-space">
  <header>
    <mat-toolbar color="primary">
      <span>计算机图形学基础</span>
      <span class="zlyt-spacer"></span>
      <button mat-icon-button class="example-icon favorite-icon" aria-label="select-image-process"
        (click)="handleAaddNewProcess()">
        <mat-icon>add</mat-icon>
      </button>
    </mat-toolbar>
  </header>
  <main class="zlyt-show-space-main" [attr.data-viewer-count]="viewers.length">
    <zlyt-image-loader class="zlyt-show-item" (imageChange)="handleImageChange($event)"></zlyt-image-loader>
    <ng-container *ngFor="let item of viewers">
      <zlyt-viewer class="zlyt-show-item" [image]="item.processedImageBase64"></zlyt-viewer>
    </ng-container>
  </main>
</div>